<html>
<head>
	<wicket:head>
		<style type="text/css">
			.es-dialog-table td{
				border-bottom:none;
			}
			.td-ttl{
				text-align:right;
			}
			.td-field{
				text-align:left;
			}
			#showInvitation{
				color: #2786C2;
				cursor: pointer;
			}
		</style>
		<link type="text/css" href="css/jq/jquery.timeentry.css" rel="stylesheet" />	
		<script type="text/javascript" src="js/jq/jquery.timeentry.min.js"></script>
	</wicket:head>
</head>
<body>
	<wicket:panel>
   		<div class="es-calendar-hiddenDialog" id="calendarDialog">
         	<form wicket:id="newEventForm">
				<input type="hidden" wicket:id="schId"></input>
				<input wicket:id="schStart" type="hidden"></input>
                <input wicket:id="schEnd" type="hidden"></input>
               	<table class="es-dialog-table">
					<tr>
                    	<td class="legend td-ttl"><span>What</span></td>
                        <td class="td-field">
                           <input wicket:id="schTitle" id="schTitle" type="text" class="es-calendar-textentry"></input>
                    	</td>
                    </tr>
                     <tr>
                     	<td class="legend td-ttl"><span>When</span></td>
                     	<td class="td-field">     		
	                     	<div class="clearfix">
	                     		<div style="float:left;">
	                     			<input id="startDate" class="es-calendar-textentry"
		                     			style="width:80px" readonly="readonly" type="text"></input>
		                     		<input id="startTime" class="es-calendar-textentry"
		                     			style="width:50px;margin-left:5px;" type="text"></input>
	                     		</div>
	                     		<div style="float:right;">
		                        	<span style="margin-left:10px;">To</span>
		                        	<input id="endDate" class="es-calendar-textentry"
		                        		style="width:80px;margin-left:10px;" readonly="readonly" type="text"></input>
		                     		<input id="endTime" class="es-calendar-textentry"
		                     			style="width:50px;margin-left:5px;" type="text"></input>
		                     	</div>
		                     </div>
                     	</td>
					</tr>
                    <tr>
                    	<td class="legend td-ttl"><span>Where</span></td>
                        <td class="td-field">
                        	<input wicket:id="schLocation" type="text" style="width:360px;" class="es-calendar-textentry"></input>
                        </td>
                    </tr>
                    <tr>
                    	<td class="legend td-ttl" style=""><span>Repeats</span></td>
                        <td class="td-field">
                           	<select wicket:id="frequency" name='frequency' class="es-calendar-textentry" style="width:154px;margin-right:10px;">                              	
                           </select>
                           <div id="repetitiondate">
                              	<span style="margin-right:10px;width:154px;">Till</span>
                              	<input wicket:id="repetitionEnd" style="width:145px;" type="text" class="es-calendar-textentry" readonly="readonly"></input>
                           </div>
                        </td>
					</tr>
					<tr>
                    	<td class="legend td-ttl" style="margin-top:10px;"><span>Description</span></td>
                    	<td class="td-field">
                    		<textarea wicket:id="schDesc" class="es-calendar-eventDesc"></textarea>
                    	</td>
                    </tr>
                    <tr>
						<td class="legend td-ttl"></td>
						<td style="float:left;"><span id="showInvitation">Invite more people</span></td>
					</tr>
					<tr id="invitationArea">
						<td></td>
						<td>
							<textarea wicket:id="schPPL" class="es-calendar-eventDesc" style="width:100%;">
                			</textarea>
						</td>
					</tr>					
				</table>

                <div style="float:right;" class="es-calendar-center-button">
                	<button type="submit" class="es-button ui-state-default ui-corner-all">
					 Save
					 </button>
					 <button type="submit" wicket:id="delete" class="es-button ui-state-default ui-corner-all">
					 Delete
					 </button>
                </div>
         	</form>
      	</div>
	</wicket:panel>
</body>
</html>